<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Business</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="styles/style.css">
        <link rel="stylesheet" href="styles/header.css">
        <link rel="stylesheet" href="styles/boost.css">
        <link rel="stylesheet" href="styles/services.css">
        <link rel="stylesheet" href="styles/about.css">
        <link rel="stylesheet" href="styles/price.css">
        <link rel="stylesheet" href="styles/works.css">
        <link rel="stylesheet" href="styles/clients.css">
        <link rel="stylesheet" href="styles/newsletter.css">
        <link rel="stylesheet" href="styles/footer.css">
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <header>
            <div class="logo">
                <a href="#">
                    <img src="img/logo.png" alt="" />
                </a>
            </div>
            <nav class="menu">
                <ul class="menu_ul">
                    <li>HOME</li>
                    <li>SERVICE</li>
                    <li>ABOUT US</li>
                    <li>PRICING TABLE</li>
                    <li>HOW IT WORKS</li>
                    <li>HAPPY CLIENT</li>
                    <li>CONTACT US</li>
                </ul>
            </nav>
        </header>

        <main class="all">
            
            <section class="boot">
                <div class="text">
                    <h1>BOOST UP YOUR LOCAL BUSNESS</h1>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum typesetting</p>
                </div>
                <div class="info_users">
                    <form action="" class="user">
                        <input class="info_users_fullname" type="text" />
                        <input class="info_users_email" type="email" />
                        <input class="info_users_cell" type="text" />
                        <button class="info_users_btn">REQUESTS</button>
                    </form>
                </div>
                <div class="img_container">
                    <img src="img/laptop-image.png" alt="" />
                    <div class="slider">
                        <span class="dot"></span>
                        <span class="dot"></span>
                        <span class="dot"></span>
                    </div>
                </div>
            </section>

            <section class="service">
                <div class="service_info">
                    <h1>OUR SERVICES</h1>
                    <p>Lorem Ipsum ius simply dummy Business industry.</p>
                </div>

                <div class="container_items">

                    <div class="items-left">
                        <div class="item">
                            <div class="item_logo">
                                <img src="img/item_1.png" alt="">
                            </div>
                            <div class="item_text">
                                <h3>FONT-AWESOME ICONS</h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting ind ustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.</p>
                            </div>
                        </div>

                        <div class="item">
                            <div class="item_logo">
                               <img src="img/item_2.png" alt=""> 
                            </div>
                            <div class="item_text">
                                <h3>WORKING CONTACT FORM</h3>
                                <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will un cover many web sites still in their infancy</p>
                            </div>
                        </div>

                        <div class="item">
                            <div class="item_logo">
                                <img src="img/item_3.png" alt="">
                            </div>
                            <div class="item_text">
                                <h3>FRIENDLY CODE</h3>
                                <p>Finibus Bonorum et Malorum by Ciero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H.Racham</p>
                            </div>
                        </div>

                    </div>
                    <div class="items-right">
                        <div class="item">
                            <div class="item_logo">
                                <img src="img/item_4.png" alt="">
                            </div>
                            <div class="item_text">
                                <h3>FULLY RESPONSIVE DESIGN</h3>
                                <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy</p>
                            </div>
                        </div>

                        <div class="item">
                            <div class="item_logo">
                                <img src="img/item_5.png" alt="">
                            </div>
                            <div class="item_text">
                                <h3>RETINA READY ICONS HERE</h3>
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour or randomised words which don't look even slightly believable.</p>
                            </div>
                        </div>

                        <div class="item">
                            <div class="item_logo">
                                <img src="img/item_6.png" alt="">
                            </div>
                            <div class="item_text">
                                <h3>FLAT TRENDY LANDING PAGE DESIGN</h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p>
                            </div>
                        </div>

                    </div>
                </div>
            </section>

            <section class="about">
                <img src="img/about_background_img.png" alt="">
                <div class="about_info">
                    <h1>ABOUT US</h1>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the ore recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
                    <button>READ MORE</button>
                </div>
            </section>

            <section class="price">
                <div class="price_info">
                    <h1>CHOOS YOUR PRICE</h1>
                    <p>Lorem Ipsum is simple dummy text of the printing typesetting.</p>
                </div>
                <div class="price_items">
                    <div class="price_item">
                        <div class="price_item_plan">
                            <h1 class="price_item_plan_h">BASIC PLAN</h1>
                            <p class="price_item_plan_symbol">$</p>
                            <p class="price_item_plan_price">22</p>
                            <p class="price_item_plan_month">PER MONTH</p>
                        </div>
                        <div class="price_item_info">
                            <p class="price_item_info_account">1 ACCOUNT</p>
                            <p class="price_item_info_support">8 HOUR SUPPORT</p>
                            <p class="price_item_info_services">CUSTOM CLOUD SERVICES</p>
                        </div>
                        <div class="price_item_btn">
                            <button>GET STARTED</button>
                        </div>
                    </div>

                    <div class="price_item">
                        <div class="price_item_plan">
                            <h1 class="price_item_plan_h">PREMIUM PLAN</h1>
                            <p class="price_item_plan_symbol">$</p>
                            <p class="price_item_plan_price">42</p>
                            <p class="price_item_plan_month">PER MONTH</p>
                        </div>
                        <div class="price_item_info">
                            <p class="price_item_info_account">2 ACCOUNT</p>
                            <p class="price_item_info_support">100 MB STORAGE</p>
                            <p class="price_item_info_services">CUSTOM CLOUD SERVICES</p>
                        </div>
                        <div class="price_item_btn">
                            <button>GET STARTED</button>
                        </div>
                    </div>

                    <div class="price_item">
                        <div class="price_item_plan">
                            <h1 class="price_item_plan_h">GOLD PLAN</h1>
                            <p class="price_item_plan_symbol">$</p>
                            <p class="price_item_plan_price">62</p>
                            <p class="price_item_plan_month">PER MONTH</p>
                        </div>
                        <div class="price_item_info">
                            <p class="price_item_info_account">8 ACCOUNT</p>
                            <p class="price_item_info_support">24 HOUR SUPPORT</p>
                            <p class="price_item_info_support">CUSTOM CLOUD SERVICE</p>
                        </div>
                        <div class="price_item_btn">
                            <button>GET STARTED</button>
                        </div>
                    </div>
                </div>
            </section>

            <section class="works">
                <div class="works_info">
                    <h1>HOW IT WORKS</h1>
                    <p>Lorem Ipsum is simply dummy Business industry</p>
                </div>
                <div class="works_items">
                    <div class="works_item">
                        <div class="item_logo">
                            <img src="img/work_img_1.png" alt="">
                            <span class="item_logo_arrow_1"></span>
                        </div>

                        <div class="item_about">
                            <h3>STEP 1</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting ind usty. Lorem Ipsum has been</p>
                        </div>
                    </div>

                    <div class="works_item">
                        <div class="item_logo">
                            <img src="img/work_img_2.png" alt="">
                            <span class="item_logo_arrow_2"></span>
                        </div>

                        <div class="item_about">
                            <h3>STEP 2</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting ind usty. Lorem Ipsum has been</p>
                        </div>
                    </div>

                    <div class="works_item">
                        <div class="item_logo">
                            <img src="img/works_img_3.png" alt="">
                            <span class="item_logo_arrow_3"></span>
                        </div>

                        <div class="item_about">
                            <h3>STEP 3</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting ind usty. Lorem Ipsum has been</p>
                        </div>
                    </div>

                    <div class="works_item">
                        <div class="item_logo">
                            <img src="img/works_img_4.png" alt="">
                        </div>

                        <div class="item_about">
                            <h3>STEP 4</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting ind usty. Lorem Ipsum has been</p>
                        </div>
                    </div>
                </div>

                <div class="works_btn">
                    <button>GET START NOW</button>
                </div>
            </section>

            <section class="client">
                <div class="client_about">
                    <h1>HAPPY CLIENTS</h1>
                    <p>We are explain who is using our business solutions</p>
                </div>
                <div class="client_items">
                    <div class="client_item">
                        <div class="client_item_logo">
                            <img src="img/client_item_logo_1.png" alt="">
                        </div>

                        <div class="client_item_text">
                            <span class="client_item_text_quotes_open"></span>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type and scrambled it to make.</p>
                            <span class="client_item_text_quotes_close"></span> 
                            <div class="client_item_info">
                                <p class="client_item_info_name">DARWIN MICHLE,</p>
                                <p class="client_item_info_landing">PROJECT MANAGER</p>
                             </div>
                        </div>

                    </div>

                    <div class="client_item">
                        <div class="client_item_logo">
                            <img src="img/client_item_logo_2.png" alt="">
                        </div>

                        <div class="client_item_text">
                            <span class="client_item_text_quotes_open"></span>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type and scrambled it to make.</p>
                            <span class="client_item_text_quotes_close"></span> 
                             <div class="client_item_info">
                                <p class="client_item_info_name">MADAM ELISABATH,</p>
                                <p class="client_item_info_landing">CREATIVE DIRECTOR</p>
                            </div>
                        </div>

                    </div>

                    <div class="client_item">
                        <div class="client_item_logo">
                            <img src="img/client_item_logo_3.png" alt="">
                        </div>

                        <div class="client_item_text">
                            <span class="client_item_text_quotes_open"></span>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type and scrambled it to make.</p>
                            <span class="client_item_text_quotes_close"></span> 
                            <div class="client_item_info">
                                <p class="client_item_info_name">CLIPS ARTER,</p>
                                <p class="client_item_info_landing">LIPSUM DIRECTOR</p>
                            </div>
                        </div>

                    </div>

                    <div class="client_item">
                        <div class="client_item_logo">
                            <img src="img/client_item_logo_4.png" alt="">
                        </div>

                        <div class="client_item_text">
                            <span class="client_item_text_quotes_open"></span>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type and scrambled it to make.</p>
                            <span class="client_item_text_quotes_close"></span> 
                            <div class="client_item_info">
                                <p class="client_item_info_name">ZAM CRISTAFR,</p>
                                <p class="client_item_info_landing">MANAGER</p>
                            </div>
                        </div>

                    </div>
                </div>
            </section>

            <section class="newsletter">
                <div class="newsletter_about">
                    <div class="newsletter_container">
                        <h1>NEWSLETTER</h1>
                        <p>Lorem Ipsum is simply dummy Business industry</p>
                    </div>
                    <div class="newsletter_about_form">
                        <form action="" class="newsletter_about_form_container">
                            <input class="newsletter_about_form_container_name" placeholder="Name" type="text" class="name" />
                            <input class="newsletter_about_form_container_email" placeholder="Email Address" type="email" class="email" />
                            <button class="newsletter_about_form_subscribe">SUBSCRIVE NOW</button>
                        </form>
                    </div>
                </div>

                <div class="newslatter_map_address">
                    <div class="newsletter_map_address_circle">
                        <div class="newsletter_map_address_circle_info">
                            <div class="newsletter_map_address_circle_info_i">
                                <h3>ADRESS</h3>
                                <p>Business street</p>
                                <p>Second north section</p>
                                <p>Bavani nagar. 88769</p>
                                <p>Call : +987-9976-999</p>
                                <p>info@businessface.com</p>
                            </div>
                            <span class="newsletter_map_address_tringle"></span>
                        </div>
                        <img src="img/logo.png" alt="" class="newslatter_map_address_logo">
                    </div>
                    
                    <div class="newslatter_map_addres_menu">
                        <ul>
                            <li>HOME</li>
                            <li>SERVICE</li>
                            <li>ABOUT US</li>
                            <li>PRICING TABLE</li>
                            <li>HOW IT WORK</li>
                            <li>HAPPY CLIENT</li>
                            <li>CONTACT US</li>
                        </ul>
                        <p class="newslatter_map_addres_menu_contact_cell">+987 9976 999</p>
                        <div class="newslatter_map_addres_menu_socials">
                            <a href="#"><img src="img/twitter.png" alt="" class="newslatter_map_addres_menu_socials_twitter" /></a>
                            <a href="#"><img src="img/facebook.png" alt="" class="newslatter_map_addres_menu_socials_facebook" /></a>
                            <a href="#"><img src="img/google.png" alt="" class="newslatter_map_addres_menu_socials_google" /></a>
                            <a href="#"><img src="img/linkdin.png" alt="" class="newslatter_map_addres_menu_socials_linkedIn" /></a>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <footer>
            <p>All contents &#169; copyright 2014 Business Theme. All right reserved</p>
        </footer>
    </body>
</html>